<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, user-scalable=no,initial-scale=1.0,maximum-scale=1.0,minimum-scale=1.0">
    <title>Document</title>
    <link rel="stylesheet" href="css/normalize.css">
    <link rel="stylesheet" href="css/index.css">
</head>
<body>
    <!-- 顶部 banner 区域开始 -->
    <div class="top-banner">
        <a href="#" class="top-banner-img">
            <img src="images/top_banner.jpg" alt="">
        </a>
        <a href="#" class="close"></a>
    </div>
    <!-- 顶部 banner 区域结束 -->
    <!-- header 区域开始 -->
    <header class="header">
        <div class="header-top">
            <a href="#" class="classify"><img src="images/classify.png" alt=""></a>
            <a href="#" class="ad"><img src="images/ad.gif" alt=""></a>
            <a href="#" class="login"><img src="images/login.png" alt=""></a>
        </div>
        <div class="search">
            <a href="#"></a>
            <i></i>
            <form>
                <input type="search" placeholder="400元北京消费补贴">
            </form>
        </div>
    </header>
    <!-- header 区域结束 -->
    <!-- 轮播图开始 -->
    <div class="banner">
        <div class="wrapper">
            <ul>
                <li class="current"><a href="#"><img src="images/banner.jpg" alt=""></a></li>
                <li><a href="#"><img src="images/banner.jpg" alt=""></a></li>
                <li><a href="#"><img src="images/banner.jpg" alt=""></a></li>
                <li><a href="#"><img src="images/banner.jpg" alt=""></a></li>
                <li><a href="#"><img src="images/banner.jpg" alt=""></a></li>
                <li><a href="#"><img src="images/banner.jpg" alt=""></a></li>
            </ul>
        </div>
    </div>
    <!-- 轮播图结束 -->
    <!-- nav导航区域开始 -->
    <div class="nav">
        <a href="#">
            <img src="images/nav_01.png">
            <p class="title">苏宁秒杀</p>
        </a>
        <a href="#">
            <img src="images/nav_02.png">
            <p class="title">苏宁超市</p>
        </a>
        <a href="#">
            <img src="images/nav_03.png">
            <p class="title">苏宁拼购</p>
        </a>
        <a href="#">
            <img src="images/nav_04.png">
            <p class="title">手机数码</p>
        </a>
        <a href="#">
            <img src="images/nav_05.png">
            <p class="title">苏宁家电</p>
        </a>
        <a href="#">
            <img src="images/nav_01.png">
            <p class="title">免费水果</p>
        </a>
        <a href="#">
            <img src="images/nav_02.png">
            <p class="title">赚钱消消乐</p>
        </a>
        <a href="#">
            <img src="images/nav_03.png">
            <p class="title">签到有礼</p>
        </a>
        <a href="#">
            <img src="images/nav_04.png">
            <p class="title">领券中心</p>
        </a>
        <a href="#">
            <img src="images/nav_05.png">
            <p class="title">更多频道</p>
        </a>
    </div>
    <!-- nav导航区域结束 -->
    <!-- gift 区域开始 -->
    <div class="gift">
        <a class="libao" href="#"><img src="images/gift1.png" alt=""></a>
        <a class="gaoneng" href="#"><img src="images/gift2.gif" alt=""></a>
        <a class="biedian" href="#"><img src="images/gift3.gif" alt=""></a>
    </div>
    <!-- gift 区域结束 -->
    <div class="bottom">
        <div class="login">
            <p>要是你不登录，我就赖着不走啦！</p>
            <a class="liji" href="#">立即登录</a>
        </div>
        <div class="nav-tag">
            <a href="#">
                <img src="images/nav_01.png" alt="">
                <p>猜你喜欢</p>
            </a>
            <a href="#">
                <img src="images/nav_01.png" alt="">
                <p>分类</p>
            </a>
            <a href="#">
                <img src="images/nav_01.png" alt="">
                <p>排行榜</p>
            </a>
            <a href="#">
                <img src="images/nav_01.png" alt="">
                <p>购物车</p>
            </a>
            <a href="#">
                <img src="images/nav_01.png" alt="">
                <p>我的易购</p>
            </a>
        </div>
    </div>
</body>
</html>  